﻿@{
    ViewBag.Title = "Login";
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <script src="~/Content/js/jquery/jquery-1.10.2.js" type="text/javascript"></script>
    <script src="~/Content/js/knockout/knockout-2.2.1.js" type="text/javascript"></script>
    <script src="~/Content/js/viewModel/login.js" type="text/javascript"></script>
    <link href="../../favicon.ico" type="image/x-icon" rel="shortcut icon" />
    <link href="~/Content/css/960/code/css/reset.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/css/960/code/css/text.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/css/960/code/css/960.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/css/960_custom.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/css/cust.css" rel="stylesheet" type="text/css" />
    <script src="~/Content/js/jquery-easyui/jquery.easyui.min.js" type="text/javascript"></script>
    <link href="~/Content/js/jquery-easyui/themes/metro-blue/easyui.css" rel="stylesheet"
        type="text/css" />
    <title>Hopewell Rental System</title>
    <script type="text/javascript">
        $(function () {
            $("input").keypress(function (e) {
                if (e.which == 13) {
                    $("#login").click();
                }
            });
        });
        
    </script>
</head>
<body>
    <form id="loginForm">
    <div class="login">
        <div class="login_li logo-bg" style="height: 60px;">
        </div>
        <div class="login_li" style="">
            Welcome to Hopewell Renatal System
        </div>
        <div class="login_li">
            Login&nbsp;&nbsp;&nbsp;ID:<input id="txtUserID" data-bind="value:form.user_code,valueUpdate:'afterkeydown'"
                type="text" class="easyui-validatebox" data-options="required:true" maxlength="15"
                style="width: 200px;" /></div>
        <div class="login_li">
            Password:<input id="txtPwd" data-bind="value:form.password,valueUpdate:'afterkeydown'" type="password" class="easyui-validatebox"
                data-options="required:true" maxlength="15" style="width: 200px;" /></div>
        <div class="login_li btn">
            <a id="login" href="javascript:void(0);" class="easyui-linkbutton" data-bind="click:login">
                Login</a> <a href="javascript:void(0);" class="easyui-linkbutton" data-bind="click:reset">
                    Reset</a>
        </div>
        <div class="login_li">
            <div data-bind="html:message" style="color: red">
            </div>
        </div>
    </div>
    </form>
</body>
</html>
